﻿@{
    ViewBag.Title = "职务管理";
    Layout = "~/Views/Shared/_LayoutBase.cshtml";
}
@section styles{
    <link href="@Url.Content("~/Content/CSS/common/bootstrap-table/bootstrap-table.min.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/CSS/common/animate/animate.min.css")" rel="stylesheet" />
}
<div id="dMain">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox" style="margin-bottom: 0px;">
            <div class="ibox-title">
                <h4>职务管理</h4>
            </div>
            <div class="ibox-content">
                <div id="toolbar">
                    <a class="btn btn-sm btn-primary btn-info radius" onclick="parent.createTab('8001','新建职务','@Url.Action("Edit","Position",new { area="System"})')" style="margin-top: 10px;"><i class="iconfont icon-tianjia"></i>&nbsp; 新建职务</a>
                    <div class="text-danger" style="font-size: 14px; margin-top: 15px;margin-left: 10px;float:right; "><i class="iconfont icon-tuichiweixuan"></i>&nbsp;提示：双击行可查看该菜单的详细信息！</div>
                </div>
                <div>
                    <div></div>
                    <div class=""> <table id="PositionDataTable"></table></div>
                </div>
            </div>
        </div>
    </div>
</div>

@section scripts{
    <script src="@Url.Content("~/Content/JS/common/bootstrap-table/bootstrap-table.min.js")"></script>
    <script src="@Url.Content("~/Content/JS/common/bootstrap-table/locale/bootstrap-table-zh-CN.min.js")"></script>
    <script src="@Url.Content("~/Content/JS/common/bootstrap-table/bootstrap-table-export.js")"></script>
    <script src="@Url.Content("~/Content/JS/common/bootstrap-table/tableExport.js")"></script>
    <script src="@Url.Content("~/Content/JS/common/bootstrap-table/bootstrap-table-cookie.js")"></script>
    <script>
   // var tabHeight = 0;
    $(function () {
        $('#PositionDataTable').bootstrapTable({
      //  height: tabHeight + 50,
            url: '/Position/GetTableJsonResult',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        //data: $("#dJson").text() != "" ? JSON.parse($("#dJson").text()) : "",
        dataType: "json",
        columns: [
            { title: "代码", field: 'POSITION_NO', align: 'center', width: "150px", sortable: true },
            { title: "职务名称", field: 'POSITION_NAME', align: 'left', width: "150px", sortable: true },
            { title: "所属部门", field: 'POSITION_DEPT_ID', align: 'left',  sortable: true, formatter: function (value, row, index) {
                            var json =@Html.Raw(ViewBag.DEPT_IDData);
                            return getName(json, "Value", value);
            }
            },
            {
                title: "职务详情", field: '', align: 'left', width: "150px", formatter: function (value, row, index) {
                    var a = "";
                    var ids = row.ROLE_ID;
                    a = '<a class="btn btn-warning btn-xs btn-outline" onclick="parent.createTab(\'8003\',\'查看详情\',\'@Url.Action("Details", "Position", new { area = "System" })\/' + ids + '\')">查看详情</a> ';
                    return a;
                }},
            {
                title: "全局", field: 'IS_GLOBAL', formatter: function (value, row, index) {
                    var a = "";
                    if (value == "1") {
                        var a = '<span style="color:#c12e2a;"><i class="fa fa-times-circle-o" aria-hidden="true"></i>全局</span>';
                    } else if (value == "0") {
                        var a = '<span style="color:#3e8f3e"><i class="fa fa-check-circle-o" aria-hidden="true"></i>部门</span>';
                    }
                    return a;
                }, align: 'left', width: "50px" },
            {
                field: '#',
                title: "操作",
                align: 'center',
                valign: 'middle',
                formatter: function (value, row, index) {
                    var ids = row.POSITION_ID;
                    return '<a class="btn btn-warning btn-xs btn-outline" onclick="parent.createTab(\'8001\',\'编辑职务\',\'@Url.Action("Edit", "Position", new { area = "System" })\/' + ids + '\')">编辑</a> <a class=" btn btn-danger btn-xs  " onclick="del(' + ids + ')">删除</a>';
                }
            }
        ],
        toolbar: '#toolbar',//工具按钮用哪个容器parent.createTab('6202','编辑菜单','@Url.Action("Edit", "Position", new { area="System",id=1})')
        buttonsClass: "sm btn-white",//按钮class
        pageSize: 10,//分页条数
        clickToSelect: false,//设置true 将在点击行时，自动选择单选或复选框
        singleSelect: false,//为true则禁止多选
        cache: false,//是否缓存
        cookie: true,//是否启用cookie
        cookieIdTable: "Menu",//cookie键值
        pagination: true,//是否分页
        showColumns: true,//是否显示所有的列
        showRefresh: true,//是否显示刷新按钮
        search: false,//是否启用搜索
        showPaginationSwitch: true,//是否显示分页切换按钮
        showExport: true,//是否启用导出
        striped: false,//是否显示行间隔色
        detailView: false,//是否显示切换视图列
        //detailFormatter: detailFormatter,//卡片视图内容格式化
        onDblClickRow: function (row, obj) { //双击行事件
            // window.top.showFullPage("图像阅读器（" + (row.FileNo) + "）", "/See.aspx?FID=" + row.ID);
            parent.createTab('8003', '菜单明细', '@Url.Action("Details", "Position", new { area = "System" })/' + row.ROLE_ID + '');
        },
        onClickRow: function (row, obj) { //单击行事件
            $(obj).parent().find("tr").removeClass("selected");
            $(obj).addClass("selected");

            ////根据选中的行获取子表数据
            //GetSonData(row.ID);
        },
        onSearch: function (text) {
            if (text != "") {
                $("#tabData tbody tr td:not(.bs-checkbox)").each(function (i) {
                    var str = "<span class=\"bg-yellow\">" + text + "</span>";
                    var NewText = $("#tabData tbody tr td:not(.bs-checkbox)").eq(i).text().replaceAll(text, str);
                    $("#tabData tbody tr td:not(.bs-checkbox)").eq(i).html(NewText);
                })
            }
        }
        });
    })
        function customSearch(text) {
        $('#PositionDataTable').bootstrapTable('refresh');//刷新Table，Bootstrap Table 会自动执行重新查询
        }
        function getName(arr, n, v) {
            for (var i = 0; i < arr.length; i++)
                if (arr[i][n] == v)
                    return arr[i]["Text"];
        }

           function del(id) {
            layer.confirm('是否删除此公告表？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                var url = '@Url.Action("Delete", "Position", new { area = "System" })\/' + id;
                $.get(url, function (result) {
                    $("#PositionDataTable").bootstrapTable('refresh', { url: '/Position/GetTableJsonResult'});
                    layer.msg('删除公告表成功！',{ icon: 1,
                        time: 2000//2s后自动关闭
                    });
                    customSearch();
                });
            });
        }
           
    </script>
}